<template>
  <div class="home">
     <mainheader title="发现音乐"></mainheader>
     <div class="main">
        <el-tabs value="1">
          <el-tab-pane label="个性推荐" name="1">
              <recommend></recommend>
          </el-tab-pane>
          <el-tab-pane label="歌单" name="2">
              <songlist></songlist>
          </el-tab-pane>
          <el-tab-pane label="主播电台" name="3">
              <anchor></anchor>
          </el-tab-pane>
          <el-tab-pane label="最新音乐" name="4">
              <newmusic></newmusic>
          </el-tab-pane>
          <el-tab-pane label="歌手" name="5">
              <singer></singer>
          </el-tab-pane>
        </el-tabs>
     </div>
  </div>
</template>
<script>
  import mainheader from '@/components/mainheader'
  import recommend from '@/pages/home/recommend'
  import songlist from '@/pages/home/songlist'
  import anchor from '@/pages/home/anchor'
  import newmusic from '@/pages/home/newmusic'
  import singer from '@/pages/home/singer'
  export default {
    name: 'home',
    data() {
      return {
      }
    },
    methods: {

    },
    components:{
      mainheader,
      recommend,
      songlist,
      anchor,
      newmusic,
      singer
    }
  }
</script>
<style scoped="scoped">
</style>
